.contain{
  padding:15px;
}
textarea {
  font-family: monospace;
  margin: 2px;
  height: 100px;
  width: 250px;
}

div#send {
  float: left;
  margin-right: 20px;
}

div#sendreceive {
  margin: 0 0 20px 0;
}

h2 {
  margin: 0 0 10px 0;
}

div#local {
  float: left;
  margin-right: 20px;
}

div#remote {
  float: left;
}

div#screen {
  float: left;
}

div#videocontainer {
  margin: 0 0 20px 0;
  width: 1300px;
  height: 700px;
}

.video-fill {
  object-fit: fill;
}

video::-webkit-media-controls {
  display: none !important;
}

.stats {
  background-color: white;
  position: absolute;
  top: 0;
  right: 0;
  padding: 2em;
  opacity: 0.5;
  float: right;
  z-index: 11;
  white-space: pre-wrap;
  display: none;
}

.video-and-stats {
  width: 1280px;
  height: 720px;
}

.video-and-stats video {
  width: 100%;
  height: 100%;
  z-index: 10;
}

.cursor {
  width: 32px;
  height: 32px;
}

#cursor-image {
  z-index: 12;
}

.mouse-mode {
  display: none;
}
body.ps-model{
  width:100%;
  height: 100%;
  overflow: hidden;
}
body.ps-model .video-and-stats {
  background: #000;
  position: absolute;
  top: 0;
  right: 0;
  bottom:0;
  left:0;
  z-index: 9;
}